/**
 * Created by fanweihua on 2016/12/5.
 */
import React from 'react';
import NavBarHtml from './navbarHtml.js';

const NavBar = React.createClass({
    getInitialState: function () {
        return {
            html: NavBarHtml.html,
            javaScriptHtml: NavBarHtml.javaScriptHtml,
        };
    },
    render(){
        return (
            <div className="Z_slideIn">
                <div className="page slideIn">
                    <div className="Z_content_code">
                        <div dangerouslySetInnerHTML={{__html: this.state.html}}></div>
                        <div dangerouslySetInnerHTML={{__html: this.state.javaScriptHtml}}></div>
                    </div>
                </div>
                <div className="Z_content">
                    <div className="Z_panel-body-backgound">
                        <NavBarNav></NavBarNav>
                    </div>
                </div>
            </div>
        )
    }
});
module.exports = NavBar;
const NavBarNav = React.createClass({
    componentDidMount: function () {
        NavBarHtml._go();
    },
    render(){
        return (
            <div className="Z_panel-body">
                <div className="page__bd" style={{height: "100%"}}>
                    <div className="weui-tab">
                        <div className="weui-navbar">
                            <div className="weui-navbar__item weui-bar__item_on" data="1">
                                选项一
                            </div>
                            <div className="weui-navbar__item" data="2">
                                选项二
                            </div>
                            <div className="weui-navbar__item" data="3">
                                选项三
                            </div>
                        </div>
                        <div className="weui-tab__panel">
                            <div className="Z_weui-tab_panel Z_active">11111</div>
                            <div className="Z_weui-tab_panel">22222</div>
                            <div className="Z_weui-tab_panel">33333</div>
                        </div>
                    </div>
                </div>
            </div>
        );
    }
});